<!DOCTYPE html>
<html>
<head>
  <title>儿童预防针预约</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
  <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body style="background: url(__STATIC__/icon/beijing.jpg) no-repeat 20% 50% transparent;">

<div class="container-fluid">
  <div class="row">
    <div class="mx-auto" style="width: 80%; margin-top: 30vh;">
      <form action="{:url('index/login')}"  method="POST" >
        <div class="form-group">
          <!-- <label for="email"></label> -->
          <input type="phone" class="form-control border-top-0 border-right-0 border-left-0 text-dark"
            style="BACKGROUND-COLOR: transparent;" id="email" placeholder="手机号" name="phone" required>
        </div>
        <div class="form-group">
          <!-- <label for="pwd">Password:</label> -->
          <input type="password" class="form-control border-top-0 border-right-0 border-left-0 "
            style="BACKGROUND-COLOR: transparent;" id="pwd" placeholder="密码" name="pw" required>
        </div>
        <button type="submit" class="btn btn-success" style="width: 100%;" id="btn-comment">登录</button>
      </form>
      <a href="{:url('index/reg')}"><button class="btn btn-primary" style="width: 100%; margin-top: 5px;">注册</button></a>
    </div>
  </div>
</div>


</body>
<script type="text/javascript">
  // $("#btn-comment").click(function () {
    // url：将请求提交到哪里去
    // data：请求参数
    // type：请求方式，例如GET或POST等
    // dataType：服务器端响应的数据类型，取值可以是json、text、xml等，取决于服务器端响应时的响应头中的Content-Type
    // success：响应成功时(Http响应码是200)的回调(callback)函数，函数中的参数就是服务器端响应的JSON数据形成的JSON对象
    // error: 响应失败时的回调函数(Http响应码不是200的情况)
  //   $.ajax({
  //     "url": "{:url('index/login')}",
  //     "data": $("#comment").serialize(),//序列化表单值："username=Hello&password=123456"
  //     "type": "post",
  //     "dataType": "json",
  //     "success": function (data) {

  //       // if (data['status'] == 1) {
  //       //   alert("登录成功");
  //       //   console.log("出错1：");
  //       //   window.location.href = "{:url('index/index')}";
  //       // } else {
  //       //    console.log("出错：" + data['message']);
  //       // }
  //       console.log(data);
  //     },
  //     "error": function (data) {
  //       console.log("出错2：");
  //     }
  //   });
  // });

</script>

</html>